<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
		<meta name="author" content="">
		<title>后台数据</title>
		
		<link href="libs/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
		<!--<link rel="stylesheet" type="text/css" href="libs/template/bace.css"/>-->
		<!--<link rel="stylesheet" type="text/css" href="libs/template/ucente.css"/>-->
		<!--<link rel="stylesheet" type="text/css" href="libs/template/easyui.css"/>-->
		<script src="libs/jquery.js"></script>
		<script src="libs/bootstrap/js/bootstrap.min.js"></script>
		<script src="libs/bootstrap/js/easyUI.js" type="text/javascript" charset="utf-8"></script>
		<!--<script src="libs/jquery.js" type="text/javascript" charset="utf-8"></script>-->
		<!--<script src="libs/bootstrap/jquery.cookie.js" type="text/javascript" charset="utf-8"></script>-->
		<style>
			html {
				width: 100%;
				margin: 0;
				/*display: block*/
				/*height: ;*/
		
			}
			
			body {
				margin: 0;
				width: 100%;
				padding-top: 65px;
				
			}
			nav{z-index: 1001;margin-bottom: 0;}
			header {
				background-color: #eee;
				height: 6rem;
			}
			
			header h1 {
				font-size: 2.2rem;
			}
			
			.toolbar {
				padding: 10px 15px;
			}
			
			th {
				background-color: #eee;
				font-weight: normal;
			}
			
			#myModal .control-label {
				text-align: left;
			}
			
			.glyphicon {
				cursor: pointer;
			}
			
			.table {
				margin-bottom: 0;
			}
			
			.pager a {
				cursor: pointer;
				
			}
			
			#tet {
				font-size: 20px;
			}
			/*.table-responsive{position: absolute;}*/
			.navbar-default {
				width: 100%;
				position: fixed;
				top: 0;
				left: 0;
				
			}
			.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th{
				border: solid 0.5px #DDDDDD !important;
			}
			.table-responsive>.table>tbody>tr>td, .table-responsive>.table>tbody>tr>th, .table-responsive>.table>tfoot>tr>td, .table-responsive>.table>tfoot>tr>th, .table-responsive>.table>thead>tr>td, .table-responsive>.table>thead>tr>th{
				white-space: nowrap;
			}
			/*#prompt{width: 100%;height: 2em;background-color: red;}*/
			/*nav{border-radius: 0;}*/
			marquee{color: rgb(214,125,0); width: 94%;}
			/*marquee:hover{box-shadow: 0 0 5px #ccc}*/
			#show_{float: right;margin-top: 2px; }
			#show_1{float: right;margin-top: 2px; }
			#notice{width: 90%;margin: 0 auto; }
			/*#myBox{margin: 0 auto;}*/
		</style>
		
	</head>

	<body>
		
		<nav class="navbar navbar-default navbar-inverse" style="border-radius: 0;">
			<div class="container-fluid" >
				<!-- Brand and toggle get grouped for better mobile display -->
				<div class="navbar-header">
					<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
					<a class="navbar-brand" href="#" style="width: 70%;"><img src="img/logo_1.png"  style="height: 16px;"/></a>
				</div>

				<!-- Collect the nav links, forms, and other content for toggling -->
				<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1" >
					<ul class="nav navbar-nav">
						<li class="active">
							<a href="#">首页<span class="sr-only">(current)</span></a>
						</li>
						<!--<li>
							<a href="#" onclick="delivery()">发货</a>
						</li>-->
						<li class="dropdown">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" style="padding: 15px 10px;">订单管理<span class="caret"></span></a>
							<ul class="dropdown-menu" style="left: 0;">
								<li>
									<a href="#" onclick="Merchant()">交易</a>
								</li>
								<!--<li>
									<a href="#" onclick="Servicelist()">分区</a>
								</li>-->
								<li>
									<a href="#" onclick="Groups()">管理员</a>
								</li>
								<li>
									<a href="#" onclick="Grouplist()">游戏类</a>
								</li>
								<li>
									<a href="#" onclick="GetTemplateItems()">模板</a>
								</li>
								<!--<li>
									<a href="#" onclick="GetAccounts()">GetAccounts（账户）</a>
								</li>-->
								<!--<li>
									<a href="#" onclick=" Mirdivisions()">Mirdivisions（分组）</a>
								</li>-->
								<!--<li>
									<a href="#" onclick="PayChannels()">PayChannels（渠道）</a>
								</li>-->
								
								<li role="separator" class="divider"></li>
								<li>
									<a href="#">返回</a>
								</li>
							</ul>
						</li>
						
						
						<li class="dropdown">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" style="padding: 15px 10px;">分区管理<span class="caret"></span></a>
							<ul class="dropdown-menu" style="left: 0;">
								<li>
									<a href="#" onclick="">分区模块</a>
								</li>
								<li>
									<a href="template.html" onclick="">创建模块</a>
								</li>
								<li>
									<a href="#" onclick="Servicelist()">分区管理</a>
								</li>
								<li>
									<a href="#" onclick=" Mirdivisions()">分组管理</a>
								</li>
								<!--<li>
									<a href="#" onclick="">预留坑位4</a>
								</li>-->
								<!--<li role="separator" class="divider"></li>
								<li>
									<a href="#">预留</a>
								</li>-->
								<li role="separator" class="divider"></li>
								<li>
									<a href="#">返回</a>
								</li>
							</ul>
						</li>
						
						<li class="dropdown">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" style="padding: 15px 10px;">账户管理<span class="caret"></span></a>
							<ul class="dropdown-menu" style="left: 0;">
								<li>
									<a href="#" onclick="PayUser()">账号管理</a>
								</li>
								<li>
									<a href="#" onclick="">用户资料</a>
								</li>
								<li>
									<a href="#" onclick="">结算比率</a>
								</li>
								<!--<li>
									<a href="#" onclick="">账户收支</a>
								</li>-->
								<!--<li>
									<a href="#" onclick="">提现记录</a>
								</li>-->
								<!--<li>
									<a href="#" onclick="">登录密码</a>
								</li>-->
								<!--<li>
									<a href="#" onclick="">账户安全</a>
								</li>-->
								<!--<li>
									<a href="#" onclick="">通讯密匙</a>
								</li>-->
								<li>
									<a href="#" onclick="">用户日志</a>
								</li>
								
								<li role="separator" class="divider"></li>
								<li>
									<a href="#">返回</a>
								</li>
							</ul>
						</li>
						
						<li class="dropdown">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" style="padding: 15px 10px;">数据分析<span class="caret"></span></a>
							<ul class="dropdown-menu" style="left: 0;">
								<li>
									<a href="#" onclick="">分区统计</a>
								</li>
								<li>
									<a href="#" onclick="">充值渠道统计</a>
								</li>
								<li>
									<a href="#" onclick="">分组统计</a>
								</li>
								<li>
									<a href="#" onclick="">时段统计</a>
								</li>
								<li>
									<a href="#" onclick="">IPS来源统计</a>
								</li>
								<li>
									<a href="#" onclick="">充值排行</a>
								</li>
								<!--<li role="separator" class="divider"></li>
								<li>
									<a href="#">预留</a>
								</li>-->
								<li role="separator" class="divider"></li>
								<li>
									<a href="#">返回</a>
								</li>
							</ul>
						</li>
						
						<li class="dropdown">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" style="padding: 15px 10px;">账户收支<span class="caret"></span></a>
							<ul class="dropdown-menu" style="left: 0;">
								<li>
									<a href="#" onclick="">账户收支</a>
								</li>
								<li>
									<a href="#" onclick="">提现记录</a>
								</li>
								<!--<li>
									<a href="#" onclick="">分区统计</a>
								</li>
								<li>
									<a href="#" onclick="">充值渠道统计</a>
								</li>
								<li>
									<a href="#" onclick="">分组统计</a>
								</li>
								<li>
									<a href="#" onclick="">时段统计</a>
								</li>
								<li>
									<a href="#" onclick="">IPS来源统计</a>
								</li>
								<li>
									<a href="#" onclick="">充值排行</a>
								</li>-->
								<!--<li role="separator" class="divider"></li>
								<li>
									<a href="#">预留</a>
								</li>-->
								<li role="separator" class="divider"></li>
								<li>
									<a href="#">返回</a>
								</li>
							</ul>
						</li>

						<li class="dropdown">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" style="padding: 15px 10px;">系统设置<span class="caret"></span></a>
							<ul class="dropdown-menu" style="left: 0;">
								<li>
									<a href="#" onclick="products()">支付渠道</a>
								</li>
								<li>
									<a href="#" onclick="">通讯密匙</a>
								</li>
								<li>
									<a href="#" onclick="channels()">产品列表</a>
								</li>
								<!--<li>
									<a href="#" onclick="">分组统计</a>
								</li>
								<li>
									<a href="#" onclick="">时段统计</a>
								</li>
								<li>
									<a href="#" onclick="">IPS来源统计</a>
								</li>
								<li>
									<a href="#" onclick="">充值排行</a>
								</li>-->
								<!--<li role="separator" class="divider"></li>
								<li>
									<a href="#">预留</a>
								</li>-->
								<li role="separator" class="divider"></li>
								<li>
									<a href="#">返回</a>
								</li>
							</ul>
						</li>
					</ul>
					
					<ul class="nav navbar-nav navbar-right">
						<!--<li>
							<a href="#" ></a>
						</li>
						<li>
							<a href="#" ></a>
						</li>
						<li>
							<a href="#" ></a>
						</li>-->
						<li class="dropdown">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" id="Account_2">Dropdown <span class="caret"></span></a>
							<ul class="dropdown-menu">
								<li>
									<a href="#" id="Account">账户</a>
								</li>
								<li>
									<a href="#" id="MerchantName">商家</a>
								</li>
								<li>
									<a href="#" id="GroupName">组名</a>
								</li>
								<li>
									<a href="#" onclick="">登录密码</a>
								</li>
								<li>
									<a href="#" onclick="">用户资料</a>
								</li>
								<li>
									<a href="#" onclick="">账户安全</a>
								</li>
								<li role="separator" class="divider"></li>
								<li>
									<a href="#" onclick="CheckOut()">安全退出</a>
								</li>
							</ul>
						</li>
					</ul>
				</div>
				<!-- /.navbar-collapse -->
			</div>
			<!-- /.container-fluid -->
			<!--跑马灯-->
			<!--<div id="prompt">	</div>-->
			
		</nav>
		<div id="notice">
			<marquee id="prompt" direction="left" behavior="scroll" scrollamount="4" scrolldelay="17" loop="-1" width="91%" height="20"  >
				<!--<span id="">
					111111111111111111111111111111111
				</span>
				<span id="">
					222222222222222222222222222222222
				</span>-->
			<!--<span>	 现代的辅助技术能够识别并朗读由 CSS 生成的内容和特定的 Unicode 字符。为了避免 屏幕识读设备抓取非故意的和可能产生混淆的输出内容（尤其是当图标纯粹作为装饰用途时）</span>-->
			</marquee>
			<span id="show_" class="glyphicon glyphicon-remove" aria-hidden="true"></span>
			<span id="show_1" class="glyphicon glyphicon-pushpin" aria-hidden="true" style="display: none;"></span>
		</div>
		
			<!--<span id="show_" class="glyphicon-class">X</span>-->
			<!--<span class="glyphicon-class">glyphicon glyphicon-remove</span>-->
		<p id="text" style="margin: 10px 0 4px 16px;color: #C0C0C0;"> </p>
		<div class="table-responsive " >
			<table class="table table-bordered table-hover" style="padding: 1em;" >
				<tbody id="myBox_1">
					<p id="tet"></p>
				</tbody>
				<thead id="myBox" style="">
					<tr id="tr_1"></tr>
				</thead>
			</table>
		</div>
	
	
<!--
	模态框代码
-->
<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel">错误信息！</h4>
      </div>
      <div class="modal-body">
        ...
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">返回</button>
        <!--<button type="button" class="btn btn-primary">Save changes</button>-->
      </div>
    </div>
  </div>
</div>


		
		
		<script src="libs/bootstrap/index.js"></script>
			<!--<script src="libs/template/app.js" type="text/javascript" charset="utf-8"></script>-->
		<script type="text/javascript">
			var Account = getCookie("Account");
			var MerchantName = getCookie("MerchantName");
			var GroupName = getCookie("GroupName");
			var AccessToken = getCookie("AccessToken");

			
			console.log(Account)
			console.log(MerchantName)
			console.log(GroupName)
			console.log(AccessToken)
			
			/*
			 * 如果未登录状态重定向到登录页面
			 */
			if (Account == "Account"&& MerchantName =="MerchantName"&&GroupName =="GroupName"&&AccessToken == "AccessToken") {
				window.location.href = 'SignIn.html';
			}
//		window.onload=function(){
//			console.log(getCookie(AccessToken))
//		}
		   /*
			* 调用首页交易显示
			*/ 
			Merchant();
//			deCookie("Account");
//			deCookie("MerchantName");
//			deCookie("GroupName");
//			deCookie("AccessToken");
			console.log(document.cookie)
//			$('#myModal').modal('show');
			/*
			* 调用首页通知信息显示
			*/ 
			Ghost();
			/*
			* 首页通知信息显示/隐藏
			*/ 
			console.log($("#show_"));
			$("#show_").click(function(){	
			$("#prompt").fadeToggle();
			$("#show_").toggle();
			$("#show_1").toggle();
			})

			$("#show_1").click(function(){	
			$("#prompt").fadeToggle();
			$("#show_").toggle();
			$("#show_1").toggle();
			})
			/*
			* 控制表头固定定位
			*/ 
			window.onload = function(){
//			$(function(){
				var oDiv = document.getElementById("tr_1"),
    				H = -53,
   				Y = oDiv
    				console.log(oDiv)
    				while (Y) {H += Y.offsetTop; Y = Y.offsetParent}
   				window.onscroll = function(){
        			var s = document.body.scrollTop || document.documentElement.scrollTop
//				      console.log(document.documentElement.scrollTop)
//				      console.log(document.body.scrollTop)
        			if(s>H) {
            		oDiv.style = "position:relative;top:"+ (s-97) +"px;opacity: .8;"
            
        			} else {
            		oDiv.style = ""
        				}
    				}
// 				})
			}
	
		</script>
	</body>

</html>